<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        var ctx = '';
        var basePath = '/ec-demo';
        var locale = 'zh-cn'
    </script>
    <script src="../../../bower_components/requirejs/require.js" data-main="../../../static/app.js" data-bootstrap-modules="'demo/TestMsgModule'"></script>

    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
            display: none !important;
        }
    </style>
</head>
<body ng-controller="TestMsgController">
<div></div>

    <!--
            g-msg：属性指令，快速打开对应的iframe弹框
            属性:
                g-msg：弹框类型，目前支持show、alert、confirm
                title: 标题
                msg：消息内容
                fn: 当弹框类型为alert或confirm，改项配置有效，对应弹框的回调
                options：配置对象
                       [options.closable=true] {Boolean} 右上关闭按钮
                       [options.modal=true] {Boolean} 遮罩
                       [options.timeout=0] {Number} 自动关闭，0表示不自动关闭
                       [options.icon] {String} icon图标
                       [options.width] {Number} 宽度
                       [options.height] {Number} 高度
                       [options.maxWidth] {Number} 最大宽度
                       [options.maxHeight] {Number} 最大高度
                       [options.minWidth] {Number} 最小宽度
                       [options.minHeight] {Number} 最小高度
                       [options.onBeforeClose] {Function} 关闭之前事件，返回false可以取消关闭操作
                       [options.onClose] {Function} 关闭后事件
                       [options.onBeforeOpen] {Function} 打开前事件，返回false可以取消打开操作
                       [options.onOpen] {Function} 打开后事件
                       [options.buttons] {Array} 按钮数组
                              按钮对象结构为{Object}
                              {
                                   text：'按钮文本',
                                   type: '按钮样式类型', //目前为'sure' or 'cancel' or 'default'
                                   handler: {Fnction} //按钮点击事件,返回false则不处理默认事件关闭弹框
                              }

    -->

    <div g-msg="alert" data-title="" data-msg="" data-options="{fn:fn1}">点我，弹框</div>
    <div g-msg="confirm" data-options="">点我，确认框</div>
    <div g-msg data-title="提示" data-msg="提示内容" data-options="{timeout:2000, buttons:[{text:'确定',type:'sure',handler:deal}]}">点我，确认框</div>
    <hr>
    <button ng-click="show()">show</button><br>
    <button ng-click="alert()">alert</button><br>
    <button ng-click="confirm()">confirm</button><br>
    <button ng-click="wait()">wait</button><br>
    <button ng-click="closeWait()">关闭wait</button><br>
    <button ng-click="progress()">progress</button><br>
    <button ng-click="showUrl()">showUrl</button><br>
</body>
</html>